<template>
  <div class="col-md-4">
        <form class="form-horizontal" @submit.prevent="clickAll">
          <div class="form-group">
            <label>用户名</label>
            <input type="text" class="form-control" placeholder="用户名" v-model="name">
          </div>
          <div class="form-group">
            <label>评论内容</label>
            <textarea class="form-control" rows="6" placeholder="评论内容" v-model="content"></textarea>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <button type="submit" class="btn btn-default pull-right" >提交</button>
            </div>
          </div>
        </form>
      </div>
</template>

<script>
export default {
    name:'Left',
    data(){
      return{
        name:'',
        content:''
      }
    },
    methods: {
      clickAll(){
        if(this.name===''&&this.content===''){
          alert('请输入文字')
          return
        }
        // this.addAll(this.name,this.content)
        this.$bus.$emit('addAll',{name:this.name,content:this.content})

        this.name=''
        this.content=''
      }
    }
}
</script>

<style>

</style>